<template>
  <div style="padding: 0 2rem;">
    <p class="polygon_title font_s36 textC colorF" style="position: absolute; top: 7%; left: 48%;">评估清单列表</p>
    <ul class="flex pingGuList_title colorF font_s20 textC">
      <li class="flex2">所属街道</li>
      <li class="flex2">0级</li>
      <li class="flex2">1级</li>
      <li class="flex2">2级</li>
      <li class="flex2">3级</li>
      <li class="flex2">4级</li>
      <li class="flex2">5级</li>
      <li class="flex2">6级</li>
      <li class="flex2">7级</li>
      <li class="flex2">总计</li>
      <li class="flex2">0-1级</li>
      <li class="flex3">进展</li>
    </ul>
    <div class="superviseList" style="height: 48vh;">
      <ul class="pingGuList-list">
        <li class="flex pingGuList_content colorF font_s18 textC" v-for="item in dataList" v-bind:key="item.id">
          <span class="flex2">{{ item.ssjd }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.level0 }}</span>
          <span class="flex2">{{ item.total }}</span>
          <span class="flex2">{{ item.to01 }}</span>
          <span class="flex2">{{ item.jj }}</span>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: 'PingGuList',
  data () {
    return {
      dataList: [
        {
          ssjd: '书院镇',
          level0: 46,
          level1: 69,
          level2: 26,
          level3: 13,
          level4: 13,
          level5: 8,
          level6: 0,
          level7: 0,
          total: 175,
          to01: '65.71%',
          jj: '已推送街镇'
        },
        {
          ssjd: '老港镇',
          level0: 16,
          level1: 27,
          level2: 17,
          level3: 7,
          level4: 5,
          level5: 3,
          level6: 0,
          level7: 0,
          total: 75,
          to01: '57.33%',
          jj: '已推送街镇'
        },
        {
          ssjd: '惠南镇',
          level0: 60,
          level1: 55,
          level2: 53,
          level3: 20,
          level4: 1,
          level5: 8,
          level6: 7,
          level7: 0,
          total: 204,
          to01: '56.37%',
          jj: '已推送街镇'
        },
        {
          ssjd: '祝桥镇',
          level0: 100,
          level1: 110,
          level2: 112,
          level3: 43,
          level4: 29,
          level5: 10,
          level6: 6,
          level7: 0,
          total: 410,
          to01: '51.22%',
          jj: '已推送街镇'
        },
        {
          ssjd: '万祥镇',
          level0: 16,
          level1: 26,
          level2: 26,
          level3: 8,
          level4: 4,
          level5: 3,
          level6: 2,
          level7: 0,
          total: 85,
          to01: '49.41%',
          jj: '已推送街镇'
        },
        {
          ssjd: '宣桥镇',
          level0: 43,
          level1: 40,
          level2: 37,
          level3: 27,
          level4: 12,
          level5: 11,
          level6: 1,
          level7: 0,
          total: 171,
          to01: '48.54%',
          jj: '已推送街镇'
        },
        {
          ssjd: '大团镇',
          level0: 22,
          level1: 60,
          level2: 55,
          level3: 22,
          level4: 10,
          level5: 13,
          level6: 0,
          level7: 0,
          total: 182,
          to01: '45.05%',
          jj: '已推送街镇'
        },
        {
          ssjd: '周家渡街道',
          level0: 32,
          level1: 27,
          level2: 30,
          level3: 20,
          level4: 12,
          level5: 13,
          level6: 1,
          level7: 0,
          total: 135,
          to01: '43.70%',
          jj: '已推送街镇'
        },
        {
          ssjd: '北蔡镇',
          level0: 57,
          level1: 40,
          level2: 58,
          level3: 30,
          level4: 23,
          level5: 24,
          level6: 4,
          level7: 0,
          total: 236,
          to01: '41.10%',
          jj: '已推送街镇'
        },
        {
          ssjd: '周浦镇',
          level0: 20,
          level1: 12,
          level2: 18,
          level3: 7,
          level4: 15,
          level5: 14,
          level6: 0,
          level7: 0,
          total: 86,
          to01: '37.21%',
          jj: '已推送街镇'
        },
        {
          ssjd: '航头镇',
          level0: 12,
          level1: 18,
          level2: 22,
          level3: 10,
          level4: 12,
          level5: 6,
          level6: 5,
          level7: 0,
          total: 85,
          to01: '35.29%',
          jj: '已推送街镇'
        },
        {
          ssjd: '浦兴路街道',
          level0: 7,
          level1: 52,
          level2: 53,
          level3: 24,
          level4: 24,
          level5: 7,
          level6: 3,
          level7: 0,
          total: 170,
          to01: '34.71%',
          jj: '已推送街镇'
        },
        {
          ssjd: '泥城镇',
          level0: 3,
          level1: 63,
          level2: 76,
          level3: 35,
          level4: 21,
          level5: 13,
          level6: 4,
          level7: 0,
          total: 215,
          to01: '30.70%',
          jj: '已推送街镇'
        }
      ]
    }
  }
}
</script>
<style scoped>
.pingGuList_title {
  line-height: 2.5rem;
  /* border-radius: 10px 10px 0 0; */
  border: 1px solid lightgreen;
  /* background:#4ca5ab;  */
}
.pingGuList_content {
  line-height: 3.625rem;
  overflow: hidden;
  span {
    padding: 1rem;
  }
  /* border-radius: 5px; */
  /* background: #27515f; */
  /* margin: 0.825rem 0; */
}
.superviseList {
  overflow-x: hidden;
  overflow-y: scroll;
}
.pingGuList-list li:nth-of-type(even) {
  background: #1d3843;
}
</style>
